<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=lRpxpBKiedEMmjfDWfITUFDXeMXQqogB"></script>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<title>吃早餐按钮</title>
<body>
	<div id="allmap"></div>
	

<script type="text/javascript">
var urls=window.location.href;
$.post("/life/configer1",{url:urls},function(data){
    alert("data----------"+data.appid);

    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: data.appid, // 必填，公众号的唯一标识
        timestamp: data.timestamp, // 必填，生成签名的时间戳
        nonceStr: data.nonceStr, // 必填，生成签名的随机串
        signature: data.signature,// 必填，签名，见附录1
        jsApiList: ['getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

    });
    wx.error(function(res){
      //  alert(res);
        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        console(res);  //打印

    });

});



// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(121.92919677683, 30.904896057414), 18);
//定位
var point = map.centerAndZoom(new BMap.Point(121.92919677683, 30.904896057414), 18);
//var point = new BMap.Point(121.92919677683, 30.904896057414);

//map.centerAndZoom(point,11);

var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){
        var mk = new BMap.Marker(r.point);
        map.addOverlay(mk);
        map.panTo(r.point);
       // alert('您的位置：'+r.point.lng+','+r.point.lat);
    }
    else {
        alert('failed'+this.getStatus());
    }
},{enableHighAccuracy: true})

// 定义一个控件类,即function
function ZoomControl(){
    // 默认停靠位置和偏移量
    this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
    this.defaultOffset = new BMap.Size(150, 400);
}

// 通过JavaScript的prototype属性继承于BMap.Control
ZoomControl.prototype = new BMap.Control();

// 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
// 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
ZoomControl.prototype.initialize = function(map){
    // 创建一个DOM元素
    var div = document.createElement("div");
    // 添加文字说明
    div.appendChild(document.createTextNode("吃早餐按钮"));
    // 设置样式
   	div.id="lalla";
	div.setAttribute('class','btn btn-success');
    div.style.display="inline";
    // 绑定事件
    div.onclick = function(e){


        wx.ready(function(){

            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            wx.getLocation({
                type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
                success: function (res) {
                   // alert(res);
                    var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                    var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                    var speed = res.speed; // 速度，以米/每秒计
                    var accuracy = res.accuracy; // 位置精度
                    $.post("/life/wsqeatbreakfast", { latitude: latitude, longitude: longitude },
                        function(data){
                    	//alert(data);  
                            if("Y"==data){
                            	 div.style.display="none";
                            	 alert("按时吃早餐，身体棒哒哒//  ＋5元// ＋100%执行能力//  ＋100%信誉度");
                            }else if("S"==data){
                            	 div.style.display="none";
                            	 alert("按时吃早餐，身体棒哒哒//  ＋5元// ＋100%执行能力//  ＋100%信誉度");
                            }else{
                            	alert("位置不在食堂");
                            	 div.style.display="inline";
                            }
                            
                        });
                }
            });
        });
    };
    /*var navigationControl = new BMap.NavigationControl({
     // 靠左上角位置
     anchor: BMAP_ANCHOR_TOP_LEFT,
     // LARGE类型
     type: BMAP_NAVIGATION_CONTROL_LARGE,
     // 启用显示定位
     enableGeolocation: true
     });
     map.addControl(navigationControl);
     // 添加定位控件

     var geolocationControl = new BMap.GeolocationControl();
     geolocationControl.addEventListener("locationSuccess", function(e){
     // 定位成功事件
     var address = '';
     address += e.addressComponent.province;
     address += e.addressComponent.city;
     address += e.addressComponent.district;
     address += e.addressComponent.street;
     address += e.addressComponent.streetNumber;
     alert("当前定位地址为：" + address);
     });
     geolocationControl.addEventListener("locationError",function(e){
     // 定位失败事件
     alert(e.message);
     });
     map.addControl(geolocationControl);*/

// 添加DOM元素到地图中
map.getContainer().appendChild(div);
// 将DOM元素返回
return div;
}
// 创建控件
var myZoomCtrl = new ZoomControl();
// 添加到地图当中
map.addControl(myZoomCtrl);



</script>
</body>
</head>
